html,body{
    background-color: #f8f8f8;
}

.container{
    // padding-bottom: .6rem;
    overflow-y: auto;
}

//头部
header{
    margin: 30px 30px 50px;
    display: flex;
    .avatar{
        
        width: 100px;
        height: 100px;
        border-radius: 100%;
        background-color: #e5e7fc;
    }
    .infor{
        flex: 1;
        margin-left: 30px;
        .infor1{
            line-height: 36px;
            margin-top: 30px;
            display: flex;
            .name{
                flex: 1;
                font-size: 36px;
                color: #333;
                display: inline-block;
                margin-right: 20px;
            }
            .sexage{
                flex: 2;
            }
            .sex{
                color: #333;
                font-size: 26px;
                float: left;
            }
            .age{
                color: #333;
                font-size: 26px;
                float: left;
            }
            .download{
                flex: 2;
                display: inline-block;
                color: #5e6ceb;
                font-size: 26px;
                background-image: url(../../assets/image/cx_report_download.png);
                background-repeat: no-repeat;
                background-size: 36px 36px;
                background-position: left center;
                text-indent: 40px;
                position: relative;
                p{
                    position: absolute;
                    bottom: 0;
                }
            }
        }
        .infor2{
            display: flex;
            color: #333;
            font-size: 26px;
            margin-top: 40px;
            div{
                background-repeat: no-repeat;
                background-size: 22px 28px;
                background-position: left center;
                text-indent: 38px;
                height: 28px;
                line-height: 28px;
            }
            .phone{
                background-image: url(../../assets/image/cx_history_tel.png);
                
            }
            .idcard{
                flex: 1;
                margin-left: .4rem;
                background-image: url(../../assets/image/cx_history_name.png);
            }
        }

        .infor3{
            background-image: url(../../assets/image/cx_history_date.png);
            background-repeat: no-repeat;
            background-size: 22px 28px;
            background-position: left center;
            font-size: 26px;
            color: #999;
            padding-left: 38px;
            margin-top: 35px;
            p{
                display: inline-block;                
            }
            .yxq{
                margin-left: 20px;
            }
        }
    }
}

//内容
.content{
    margin: 0 .3rem .6rem;
    // 综合得分
    .composite{
        border-radius: .12rem;
        background-color: #fff;
        box-shadow: 0 .08rem .28rem rgba(94,108,235,0.14);
        overflow: hidden;
        padding: 0 .3rem .7rem;
        margin-bottom: .4rem;
        .zonghefen{
            width: 100%;
            height: 1.8rem;
            // background-image: url(../images/cx_report_score.png);
            background-repeat: no-repeat;
            background-size: 1.8rem 1.8rem;
            background-position: center;
            overflow: hidden;
            p.title{
                text-align: center;
                font-size: .26rem;
                line-height: .26rem;
                color: #fff;
                margin-top: .3rem;
            }
            p.point{
                font-size: .6rem;
                line-height: .6rem;
                color: #fff;
                font-weight: 600;
                text-align: center;
                margin-top: .15rem;
            }
        }
        .dengji{
            padding: 0 .5rem;
            margin-top: .4rem;
            .dengjiimg{
                width: 100%;
                height: .36rem;
                // background-image: url(../images/cx_report_score3.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                background-position: center;
                
            }
            
            .dj{
                margin-top: .3rem;
                position: relative;
                p{
                    position: absolute;
                    font-size: .26rem;
                    color: #666;
                    top: 0;
                }
                .jiaocha,.jiaohao{
                    width: 50%;
                    text-align: center;
                }
                .cha{

                }
                .jiaocha{
                    left: .08rem;
                }
                .zhong{
                    width: 100%;
                    text-align: center
                }
                .jiaohao{
                    right: .1rem;
                }
                .you{
                    right: .05rem;
                }
            }
        }
    }

    // 身份认证
    .sfrz{
        border-radius: .12rem;
        background-color: #fff;
        box-shadow: 0 .08rem .28rem rgba(94,108,235,0.14);
        overflow: hidden;
        padding: 0 .3rem .5rem;
        margin-bottom: .4rem;
        .title{
            height: .36rem;
            font-size: .36rem;
            line-height: .36rem;
            font-weight: 600;
            color: #5e6ceb;
            text-align: center;
            margin-top: .4rem;
            position: relative;
            p{
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                z-index: 20;
            }
            span{
                display: inline-block;
                height: .36rem;
                width: 2.5rem;
                background-color: #fef3e2;
                border-radius: .18rem;
                position: absolute;
                left: 50%;
                margin-left: -1.25rem;
                bottom: -.18rem;
                z-index: 10;
            }
        }
        .match{
            margin-top: .6rem;
            padding-bottom: .5rem;
            border-bottom: .01rem solid #e5e8ff;
            .match-img{
                width: 100%;
                height: .64rem;
                // background-image: url(../images/cx_report_matchBoth.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                background-position: center;
            }
            .match-txt{
                display: flex;
                margin-top: .4rem;
                p{
                    flex: 1;
                    color: #666;
                    font-size: .26rem;
                    text-indent: 1.1rem;
                }
                p:last-child{
                    text-indent: .8rem;
                }
            }
        }
        .match-detail{
            ul.m1{
                padding-bottom: .4rem;
                border-bottom: .01rem solid #e5e8ff;
                li{
                    display: flex;
                    height: .26rem;
                    line-height: .26rem;
                    margin-top: .4rem;
                    p{
                        flex: 1;
                    }
                    p:first-child{
                        text-align: left;
                        font-size: .26rem;
                        color: #666;
                        position: relative;
                        text-indent: .28rem;
                        em{
                            width: .16rem;
                            height: .16rem;
                            background-color: #e5e8ff;
                            border-radius: 100%;
                            display: inline-block;
                            margin-right: .12rem;
                            position: absolute;
                            top: 50%;
                            margin-top: -.08rem;
                            left: 0;
                        }
                    }
                    p:last-child{
                        text-align: right;
                        font-size: .26rem;
                        color: #333;
                    }
                }
            }
            .m2{
                display: flex;
                margin-top: .4rem;
                div{
                    flex: 1;
                }
                .mtitle{
                    position: relative;
                    em{
                        width: .16rem;
                        height: .16rem;
                        background-color: #e5e8ff;
                        border-radius: 100%;
                        display: inline-block;
                        margin-right: .12rem;
                        position: absolute;
                        top: 50%;
                        margin-top: -.08rem;
                        left: 0;
                    }
                    p{
                        font-size: .26rem;
                        color: #666;
                        text-indent: .28rem;
                        line-height: .64rem;
                    }
                }
                .mimg{
                    height: .64rem;
                    // background-image: url(../images/cx_report_gradeMiddle.png);
                    background-repeat: no-repeat;
                    background-size: 2.3rem .64rem;
                    background-position: right center;
                }
            }
        }
    }

    // 风险筛查
    .fxsc{
        border-radius: .12rem;
        background-color: #fff;
        box-shadow: 0 .08rem .28rem rgba(94,108,235,0.14);
        overflow: hidden;
        padding: 0 .3rem .5rem;
        margin-bottom: .4rem;
        .title{
            height: .36rem;
            font-size: .36rem;
            line-height: .36rem;
            font-weight: 600;
            color: #5e6ceb;
            text-align: center;
            margin-top: .4rem;
            position: relative;
            p{
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                z-index: 20;
            }
            span{
                display: inline-block;
                height: .36rem;
                width: 2.5rem;
                background-color: #fef3e2;
                border-radius: .18rem;
                position: absolute;
                left: 50%;
                margin-left: -1.25rem;
                bottom: -.18rem;
                z-index: 10;
            }
        }
        .match{
            display: flex;
            margin-top: .6rem;
            padding-bottom: .5rem;
            border-bottom: .01rem solid #e5e8ff;
            .match-left{
                position: relative;
                flex: 1;
                div#fengxianEcharts{
                    width: 2.4rem;
                    height: 2.4rem;
                    margin-left: .4rem
                }
                .echartsTxt{
                    position: absolute;
                    top: 45%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                    em{
                        text-align: center;
                        font-size: .48rem;
                        color: #333;
                    }
                    p{
                        font-size: .26rem;
                        color: #999;
                        text-align: center;
                    }
                }
            }
            .match-right{
                flex: 1;
                div:first-child{
                    margin-top: .6rem;
                    span{
                        background-color: #5e6ceb;
                    }
                }
                div:last-child{
                    margin-top: .4rem;
                    span{
                        background-color: #f59b14;
                    }
                }
                div{
                    overflow: hidden;
                    height: .4rem;
                    span{
                        width: .16rem;
                        height: .16rem;
                        
                        float: left;
                        margin-top: .12rem;
                    }
                    p{
                        font-size: .26rem;
                        color: #666;
                        float: left;
                        margin: 0 .3rem 0 .15rem;
                        line-height: .4rem;
                    }

                    em{
                        font-size: .3rem;
                        color: #333;
                        float: left;
                        line-height: .4rem;
                    }
                }
            }
        }
        .match-detail{
            ul.m1{
                padding-bottom: .4rem;
                border-bottom: .01rem solid #e5e8ff;
                li{
                    display: flex;
                    height: .26rem;
                    line-height: .26rem;
                    margin-top: .4rem;
                    div{
                        flex: 1;
                    }
                    div.mtitle{
                        text-align: left;
                        font-size: .26rem;
                        color: #666;
                        position: relative;
                        text-indent: .28rem;
                        em.quan{
                            width: .16rem;
                            height: .16rem;
                            background-color: #e5e8ff;
                            border-radius: 100%;
                            display: inline-block;
                            margin-right: .12rem;
                            position: absolute;
                            top: 50%;
                            margin-top: -.08rem;
                            left: 0;
                        }
                    }
                    div.mtxt{
                        display: flex;
                        p.idcard{
                                // background-image: url(../images/cx_history_name.png);
                        }
                        p.phone{
                                // background-image: url(../images/cx_history_tel.png);
                        }
                        p{
                            flex: 1;
                            font-size: .26rem;
                            color: #666;
                            text-align: left;
                            text-indent: .30rem;
                            background-repeat: no-repeat;
                            background-size: .22rem .28rem;
                            background-position: left center;
                            em{
                                font-size: .3rem;
                                color: #333;
                                margin-left: .1rem;
                            }

                        }

                    }


 
                }
            }
            .m2{
                display: flex;
                margin-top: .4rem;
                div{
                    flex: 1;
                }
                .mtitle{
                    position: relative;
                    em{
                        width: .16rem;
                        height: .16rem;
                        background-color: #e5e8ff;
                        border-radius: 100%;
                        display: inline-block;
                        margin-right: .12rem;
                        position: absolute;
                        top: 50%;
                        margin-top: -.08rem;
                        left: 0;
                    }
                    p{
                        font-size: .26rem;
                        color: #666;
                        text-indent: .28rem;
                        line-height: .64rem;
                    }
                }
                .mimg{
                    height: .64rem;
                    // background-image: url(../images/cx_report_gradeMiddle.png);
                    background-repeat: no-repeat;
                    background-size: 2.3rem .64rem;
                    background-position: right center;
                }
            }
        }
    }

    // 消费习惯
    .xfxg{
        border-radius: .12rem;
        background-color: #fff;
        box-shadow: 0 .08rem .28rem rgba(94,108,235,0.14);
        overflow: hidden;
        padding: 0 .3rem .5rem;
        margin-bottom: .4rem;
        .title{
            height: .36rem;
            font-size: .36rem;
            line-height: .36rem;
            font-weight: 600;
            color: #5e6ceb;
            text-align: center;
            margin-top: .4rem;
            position: relative;
            p{
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                z-index: 20;
            }
            span{
                display: inline-block;
                height: .36rem;
                width: 2.5rem;
                background-color: #fef3e2;
                border-radius: .18rem;
                position: absolute;
                left: 50%;
                margin-left: -1.25rem;
                bottom: -.18rem;
                z-index: 10;
            }
        }
        .credit{
            height: 1rem;
            margin: .5rem auto;
            .credit-txt{
                position: relative;
                p{
                    text-align: center;
                    width: 100%;
                }
                .p1{
                    color: #333;
                    font-size: .36rem;
                }
                .p2{
                    color: #666;
                    font-size: .24rem;
                    margin-top: .15rem;
                }
                span{
                    color: #999;
                    font-size: .24rem;
                    position: absolute;
                    bottom: -.2rem;
                }
                .di{
                    left: 20%;
                }
                .gao{
                    right: 20%;
                }
            }
        }
        ul.borrow-d{
            margin-top: .6rem;
            display: flex;
            padding-bottom: .7rem;
            border-bottom: .01rem solid #e5e8ff;
            li{
                flex: 1;
                text-align: center;
                p.b-num{
                    font-size: .30rem;
                    color: #333;
                }
                p.b-title{
                    font-size: .26rem;
                    color: #666;
                    margin-top: .30rem;
                }
            }
        }

        .cm{
            padding-bottom: .4rem;
            border-bottom: .01rem solid #e5e8ff;
            li{
                margin-top: .4rem;
                height: .4rem;
                position: relative;
                span.quan{
                    width: .16rem;
                    height: .16rem;
                    background-color: #e5e8ff;
                    border-radius: 100%;
                    display: inline-block;
                    position: absolute;
                    left: 0;
                    top: .12rem;
                }
                .nr{
                    display: flex;
                    p.txt{
                        font-size: .26rem;
                        color: #666;
                        display: inline-block;
                        text-indent: .28rem;
                        line-height: .4rem;
                    }
                    div.tiao{
                        margin-left: .4rem;
                        flex: 1;
                        margin-top: .17rem;
                        height: 5px;
                        background-color: #e5e8ff;
                        position: relative;
                        div{
                            width: 90%;
                            position: absolute;
                            top: 0;
                            left: 0;
                            height: 100%;
                            background-color: #5e6ceb;
                            border-radius: .1rem;
                        }
                        .shenghuo{
                            width: 80%;
                        }
                        .shuma{
                            width: 50%;
                        }
                        .chuxing{
                            width: 50%;
                        }
                        .touzi{
                            width: 20%;
                        }
                    }
                }
                

            }
        }

        // 移动网络消费偏好
        .cmp{
            margin-top: .4rem;
            height: .4rem;
            position: relative;
            span.quan{
                width: .16rem;
                height: .16rem;
                background-color: #e5e8ff;
                border-radius: 100%;
                display: inline-block;
                position: absolute;
                left: 0;
                top: .12rem;
            }
            p.pianhaotxt{
                font-size: .26rem;
                color: #666;
                line-height: .4rem;
                text-indent: .28rem;
                float: left;
            }
            span.pianhaoimg{
                width: 2.6rem;
                height: .4rem;
                // background-image: url(../images/cx_report_grade2.png);
                background-repeat: no-repeat;
                background-size:  1.6rem .24rem;
                background-position: center;
                float: right;
                margin-top: .08rem;
                em{
                    font-size: .26rem;
                    color: #5e6ceb;
                    float: left;
                    line-height: .4rem;
                }
                em.hign{
                    float:right;
                }
            }
        }

    }
    
    // 车房预测
    .cfyc{
        border-radius: .12rem;
        background-color: #fff;
        box-shadow: 0 .08rem .28rem rgba(94,108,235,0.14);
        overflow: hidden;
        padding: 0 .3rem .5rem;
        margin-bottom: .4rem;
        .title{
            height: .36rem;
            font-size: .36rem;
            line-height: .36rem;
            font-weight: 600;
            color: #5e6ceb;
            text-align: center;
            margin-top: .4rem;
            position: relative;
            p{
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                z-index: 20;
            }
            span{
                display: inline-block;
                height: .36rem;
                width: 2.5rem;
                background-color: #fef3e2;
                border-radius: .18rem;
                position: absolute;
                left: 50%;
                margin-left: -1.25rem;
                bottom: -.18rem;
                z-index: 10;
            }
        }

        .cf{
            display: flex;
            margin-top: .7rem;
            div{
                flex: 1;
                text-align: center;
                span{
                    display: inline-block;
                    width: 1.2rem;
                    height: 1.2rem;
                    background-repeat: no-repeat;
                    background-size: 100% 100%;
                    background-position: center;
                }
                .houseimg{
                    // background-image: url(../images/cx_report_houseN.png);
                }
                .carimg{
                    // background-image: url(../images/cx_report_carN.png);
                }
                p{
                    margin-top: .2rem;
                    font-size: .26rem;
                    color: #666;
                    em{
                        color: #333;
                        font-size: .26rem;
                    }
                }
            }

        }

    }

    // 收入能力
    .srnl{
        border-radius: .12rem;
        background-color: #fff;
        box-shadow: 0 .08rem .28rem rgba(94,108,235,0.14);
        overflow: hidden;
        padding: 0 .3rem .5rem;
        margin-bottom: .4rem;
        .title{
            height: .36rem;
            font-size: .36rem;
            line-height: .36rem;
            font-weight: 600;
            color: #5e6ceb;
            text-align: center;
            margin-top: .4rem;
            position: relative;
            p{
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                z-index: 20;
            }
            span{
                display: inline-block;
                height: .36rem;
                width: 2.5rem;
                background-color: #fef3e2;
                border-radius: .18rem;
                position: absolute;
                left: 50%;
                margin-left: -1.25rem;
                bottom: -.18rem;
                z-index: 10;
            }
        }

        .recent{
            margin-top: .7rem;
            padding-bottom: .3rem;
            border-bottom: 1px solid #e5e8ff;
        }
        .long{
            padding-bottom: .3rem;
            border-bottom: 1px solid #e5e8ff;
        }
        .cmp{
            margin-top: .3rem;
            height: .4rem;
            position: relative;
            span.quan{
                width: .16rem;
                height: .16rem;
                background-color: #e5e8ff;
                border-radius: 100%;
                display: inline-block;
                position: absolute;
                left: 0;
                top: .12rem;
            }
            p.cmptitle{
                font-size: .26rem;
                color: #666;
                line-height: .4rem;
                text-indent: .28rem;
                float: left;
            }
            span.pianhaoimg{
                width: 2.6rem;
                height: .4rem;
                // background-image: url(../images/cx_report_grade2.png);
                background-repeat: no-repeat;
                background-size:  1.6rem .24rem;
                background-position: center;
                float: right;
                margin-top: .08rem;
                em{
                    font-size: .26rem;
                    color: #5e6ceb;
                    float: left;
                    line-height: .4rem;
                }
                em.hign{
                    float:right;
                }
            }
            span.cmptxt{
                float: right;
                line-height: .4rem;
                font-size: .3rem;
                color: #333;
            }
        }
    }

     // 多头借贷
     .dtjd{
        border-radius: .12rem;
        background-color: #fff;
        box-shadow: 0 .08rem .28rem rgba(94,108,235,0.14);
        overflow: hidden;
        padding: 0 .3rem .5rem;
        margin-bottom: .4rem;
        .title{
            height: .36rem;
            font-size: .36rem;
            line-height: .36rem;
            font-weight: 600;
            color: #5e6ceb;
            text-align: center;
            margin-top: .4rem;
            position: relative;
            p{
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                z-index: 20;
            }
            span{
                display: inline-block;
                height: .36rem;
                width: 2.5rem;
                background-color: #fef3e2;
                border-radius: .18rem;
                position: absolute;
                left: 50%;
                margin-left: -1.25rem;
                bottom: -.18rem;
                z-index: 10;
            }
        }

        .main{
            margin-top: .68rem;
            display: flex;
            padding-bottom: .5rem;
            border-bottom: 1px solid #e5e8ff;
            .main-left{
                flex: 1;
   
            }
            .main-right{
                flex: 1.5;
                margin-left: .4rem;
                ul{
                    li{
                        display: flex;
                        height: .30rem;
                        line-height: .30rem;
                        margin-top: .35rem;
                        span{
                            display: inline-block;
                            width: .16rem;
                            height: .16rem;
                            margin-top: .07rem;
                        }
                        p{
                            font-size: .26rem;
                            color: #666;
                            flex: 4;
                            margin-left: .20rem;
                        }
                        em{
                            font-size: .3rem;
                            color: #333;
                            font-style: normal;
                            flex: 1;
                        }
                    }
                    .li1{
                        margin-top: 0;
                    }
                    .li1 span{
                        background-color: #e5e7fc;
                    }
                    .li2 span{
                        background-color: #5e6ceb;
                    }
                    .li3 span{
                        background-color: #f59b14;
                    }
                    .li4 span{
                        background-color: #26bd8a;
                    }
                }
            }
        }

        .main-tab{
            margin-top: .5rem;
            ul.tab{
                display: flex;
                li:first-child{
                    margin: 0;
                }
                li{
                    flex: 1;
                    height: .58rem;
                    line-height: .58rem;
                    text-align: center;
                    color: #5e6ceb;
                    border-radius: .29rem;
                    font-size: .24rem;
                    list-style: none;
                    background-color: #fff;
                    border: .02rem solid #e5e8ff;
                    margin-left: .24rem;
                }
                .tab-active{
                     color: #fff;
                     background-color: #5e6ceb;
                     border-color: #5e6ceb;
                }
            }

            ul.borrow-d{
                margin-top: .6rem;
                display: flex;
                li{
                    flex: 1;
                    text-align: center;
                    p.b-num{
                        font-size: .26rem;
                        color: #333;
                        em{
                            font-size: .48rem;
                            color: #333;
                            margin-right: .05rem;
                        }
                    }
                    p.b-title{
                        font-size: .26rem;
                        color: #999;
                        margin-top: .15rem;
                    }
                }
            }

            ul.borrow-data{
                margin-top: .6rem;
                li{
                    line-height: .3rem;
                    height: .3rem;
                    margin-top: .4rem;
                    span.quan{
                        display: inline-block;
                        width: .16rem;
                        height: .16rem;
                        background-color: #e5e8ff;
                        border-radius: 100%;
                        margin-top: .07rem;
                        float: left;
                    }
                    p.name{
                        font-size: .26rem;
                        color: #666;
                        margin-left: .12rem;
                        float: left;
                    }
                    p.orgs{
                        float: right;
                        font-size: .26rem;
                        color: #333;
                        margin-right: .35rem;
                        em{
                            font-size: .30rem;
                            color: #666;
                            margin-right: .1rem;
                        }
                    }
                    p.nums{
                        float: right;
                        font-size: .26rem;
                        color: #333;
                        em{
                            font-size: .30rem;
                            color: #666;
                            margin-right: .1rem;
                        }
                    }
                }
            }
        }
    }

    // 共债借贷
    .gzjd{
        border-radius: .12rem;
        background-color: #fff;
        box-shadow: 0 .08rem .28rem rgba(94,108,235,0.14);
        overflow: hidden;
        padding: 0 .3rem .5rem;
        margin-bottom: .4rem;
        .title{
            height: .36rem;
            font-size: .36rem;
            line-height: .36rem;
            font-weight: 600;
            color: #5e6ceb;
            text-align: center;
            margin-top: .4rem;
            position: relative;
            p{
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                z-index: 20;
            }
            span{
                display: inline-block;
                height: .36rem;
                width: 2.5rem;
                background-color: #fef3e2;
                border-radius: .18rem;
                position: absolute;
                left: 50%;
                margin-left: -1.25rem;
                bottom: -.18rem;
                z-index: 10;
            }
        }

        .gzjd-d{
            margin-top: .6rem;
            margin-bottom: .3rem;
                display: flex;
                li{
                    flex: 1;
                    text-align: center;
                    p.b-num{
                        font-size: .26rem;
                        color: #333;
                        em{
                            font-size: .48rem;
                            color: #333;
                            margin-right: .05rem;
                        }
                    }
                    p.b-title{
                        font-size: .26rem;
                        color: #999;
                        margin-top: .15rem;
                    }
                }
        }
        
        .gzjd-data{
            .gzjd-item{
                background-color: #fafaff;
                overflow: hidden;
                padding-bottom: .3rem;
                margin-top: .2rem;
                .dated{
                    font-size: .26rem;
                    color: #3333;
                    height: .26rem;
                    line-height: .26rem;
                    margin: .3rem 0 0;
                    position: relative;
                    display: flex;
                    span{
                        width: .08rem;
                        height: .26rem;
                        background-color: #5e6ceb;
                        margin-right: .2rem;
                        position: absolute;
                        left: 0;
                    }
                    p{
                        color: #333;
                    }
                    .date{
                        flex: 1;
                        text-indent: 0.28rem;
                    }
                    .date-tip{
                        flex: 1.5;
                    }
                    
                }
                .order{
                    padding: 0 .28rem;
                    display: flex;
                    line-height: .3rem;
                    margin-top: .35rem;
                    div{
                        p{
                            font-size: .26rem;
                            color: #666;
                            float: left;
                        }
                        .nums{
                            font-size: .3rem;
                            color: #333;
                            margin-left: .2rem;
                        }
                    }
                    .order1{
                        flex: 1;
                    }
                    .order2{
                        flex: 1.5;
                    }
                }
                .orgs{
                    margin-top: .35rem;
                    padding: 0 .28rem;
                    display: flex;
                    line-height: .3rem;
                    div{
                        p{
                            font-size: .26rem;
                            color: #666;
                            float: left;
                        }
                        .nums{
                            font-size: .3rem;
                            color: #333;
                            margin-left: .2rem;
                        }
                    }
                    .orgs1{
                        flex: 1;
                    }
                    .orgs2{
                        flex: 1.5;
                    }
                }
            }
        }
    }

    // 借贷逾期
    .jdyq{
        border-radius: .12rem;
        background-color: #fff;
        box-shadow: 0 .08rem .28rem rgba(94,108,235,0.14);
        overflow: hidden;
        padding: 0 .3rem .5rem;
        .title{
            height: .36rem;
            font-size: .36rem;
            line-height: .36rem;
            font-weight: 600;
            color: #5e6ceb;
            text-align: center;
            margin-top: .4rem;
            position: relative;
            p{
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                z-index: 20;
            }
            span{
                display: inline-block;
                height: .36rem;
                width: 2.5rem;
                background-color: #fef3e2;
                border-radius: .18rem;
                position: absolute;
                left: 50%;
                margin-left: -1.25rem;
                bottom: -.18rem;
                z-index: 10;
            }
        }

        .jdyq-d{
            margin-top: .6rem;
            margin-bottom: .3rem;
                display: flex;
                li{
                    flex: 1;
                    text-align: center;
                    p.b-num{
                        font-size: .26rem;
                        color: #333;
                        em{
                            font-size: .48rem;
                            color: #333;
                            margin-right: .05rem;
                        }
                    }
                    p.b-title{
                        font-size: .26rem;
                        color: #999;
                        margin-top: .15rem;
                    }
                }
        }
        
        .jdyq-data{
            .jdyq-item{
                background-color: #fafaff;
                overflow: hidden;
                padding-bottom: .3rem;
                margin-top: .2rem;
                .dated{
                    font-size: .26rem;
                    color: #3333;
                    height: .26rem;
                    line-height: .26rem;
                    margin: .3rem 0 0;
                    position: relative;
                    display: flex;
                    span{
                        width: .08rem;
                        height: .26rem;
                        background-color: #5e6ceb;
                        margin-right: .2rem;
                        position: absolute;
                        left: 0;
                    }
                    p{
                        color: #333;
                    }
                    .date{
                        flex: 1;
                        text-indent: 0.28rem;
                    }
                    .date-tip{
                        flex: 1.5;
                    }
                    
                }
                .yq{
                    padding: 0 .28rem;
                    display: flex;
                    line-height: .3rem;
                    margin-top: .35rem;
                    div{
                        p{
                            font-size: .26rem;
                            color: #666;
                            float: left;
                        }
                        .nums{
                            font-size: .3rem;
                            color: #333;
                            margin-left: .2rem;
                        }
                    }
                    .yq-day{
                        flex: 1.8;
                    }
                    .yq-money{
                        flex: 1.8;
                    }
                    .yq-txt{
                        flex: 1;
                        font-size: .26rem;
                        
                    }
                    .yq-txt p{
                        color: #333;
                    }

                }
            }
        }

        .tips{
            margin-top: .2rem;
            p{
                color: #999;
                font-size: .24rem;
                line-height: 2;
            }
            p:last-child{
                text-indent: .46rem;
            }
            
        }
    }


    // 数据声明
    .tip{
        margin-top: .6rem;
        em{
            color: #333;
        }
        font-size: .24rem;
        color: #999;
        line-height: 2;
    }
}

// 再次查询
button.again{
    display: block;
    color: #fff;
    font-size: .28rem;
    border-radius: .12rem;
    border: none;
    outline: none;
    background-color: #5e6ceb;
    text-align: center;
    width: 4.5rem;
    height: 1.08rem;
    line-height: 1.08rem;
    box-shadow: 0 .06rem .24rem rgba(108,121,235,0.54);
    margin: 0 auto 1rem;
}